<template>
<div>

    <div class="sel">
    <Select
            :size="`.07rem`"
            :searchable="true"
            clearable
            :options="[
              {
                label: '2021版36',
                value: 1,
              },
              {
                label: '2021版37',
                value: 2,
              },
              {
                label: '2021版38',
                value: 3,
              },
              {
                label: '2021版39',
                value: 4,
              },
              {
                label: '2021版40',
                value: 4,
              },
              {
                label: '2021版41',
                value: 4,
              },
              {
                label: '2021版42',
                value: 4,
              },
              {
                label: '2021版43',
                value: 4,
              },
            ]"
            :label="`label`"
            v-model:value="selectValue"
            :reduce="(item:any)=>item.value"
            class="select"
            placeholder="请选择号衣参考"
          />
      </div>
    
      <div class="measure-content">
        <Measure :position="position" />
      </div>

</div>
</template>
<script setup lang="ts" name="">
import { ref } from "vue";
import Select from "@/components/Select/index.vue";
import Measure from "../Measure/index.vue";
import {Position} from "@/interface";

interface Props{
   defSel?:number;
   position:Position
}
const props = withDefaults(defineProps<Props>(),{
    defSel:1,
    position:()=>{
      return {}
    }
})

const  selectValue = ref<number>(props.defSel);


</script>
<style scoped lang="scss">
@import "./index.scss";
</style>